{% extends "layout.html" %}

{% block head %}
<title>{{ _(config["WEBSITE_NAME"]) }} - {{ _("Sign Up") }}</title>
<meta name="robots" content="index">
<meta name="description" content="{{ _('Sign Up in uruk project website.') }}">
{% endblock %}

{% block body %}
<div class="container-fluid text-center" style="width: 50%; overflow: auto; margin-top: 100px; box-shadow: 1px 1px 2px gray;">
	<form name="form" action="{{ url_for('wiki.signup') }}" method="POST" style="margin: 30px;">	
		<input name="_csrf_token" type="hidden" value="{{ csrf_token() }}">
        {% if get_flashed_messages() %}
			<div class="alert alert-warning">
				<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  				<strong>{{ _("Warning!") }}</strong> {{ _("Email or Username is already in use.") }}
			</div>
		{% endif %}
		<h3 style="text-align: left; margin-left: 50px;">{{ _("Login Info") }}</h3>
		<input type="text" style="margin-bottom: 20px;" class="form-control" autofocus  name="username" placeholder="{{ _('Username') }}" required><br>
		<input type="email" style="margin-bottom: 20px;" class="form-control" name="email" placeholder="{{ _('Email Address') }}" required><br>
		<input type="password" name="password" placeholder="{{ _('Password') }}" class="form-control" style="margin-bottom: 20px;" required><br>
		<h3 style="text-align: left; margin-left: 50px;">{{ _("User Info") }}</h3>
		<input style="margin-bottom: 20px;" type="text" class="form-control" name="fullname" placeholder="{{ _('Full Name') }}" required><br>
		<textarea name="description" class="form-control" style="padding: 10px; margin-bottom: 20px; resize: none; width: 4.1in; height: 1.8in;" placeholder="{{ _('Description') }}" required></textarea><br>
		<button type="submit" class="btn btn-md btn-default">{{ _("Submit") }}</button>
	</form>
</div>
{% endblock %}